<template>
    <div v-html="renderedContent"></div>
</template>

<script>
export default {
    props: {
        content: String
    },
    computed: {
        renderedContent() {
            // 使用 MathJax 自动解析 LaTeX 公式
            return this.content;
        }
    },
    mounted() {
        // 确保 MathJax 渲染公式
        MathJax.typesetPromise([this.$el]);
    },
    watch: {
        content() {
            // 当内容更新时重新渲染公式
            MathJax.typesetPromise([this.$el]);
        }
    }
};
</script>